<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>04</title>
		<style>
		*{
			margin: 0;
			padding: 0;
		}
		.w{
			width: 1145px;
			margin: 0 auto;
		}
		img{
			vertical-align: bottom;	
		}
		.clearfix::before,.clearfix::after{
			content:"";
			display: table;
		}
		.clearfix::after{
			clear:both;
		}
		.fl{
			float: left;
		}
		.fr{
			float: right;
		}
		li{
			list-style: none;
		}
		a{
			text-decoration: none;
		}
		header{
			width: 100%;
			height: 83px;
			position: relative;
			z-index: 100;
			background: #ffffff;
		}
		.logo{
			padding-top: 18px;
			width: 26px;
		}
		.current{
			border-top: 2px solid #ee5744;
		}
		.nav{
			padding-right: 370px;
			position: relative;
		}
		.nav >li{
			width: 69px;
			margin-right: 10px;
		}
		.nav li:hover{
			border-top: 2px solid peachpuff;
		}
		.nav a{
			display: block;
			line-height: 80px;
			font-size: 11px;
			color: #545a5a;
			text-align: center;
			
		}
		.nav >li:nth-child(1) a{
			color: #ee5744;
		}
		.nav >li:nth-child(1){
			background-color: #ededed;
		}
		
		.subnav{
			display: none;
			position: absolute;
		}
		.subnav li:nth-child(1){
			background-color: none;
		}
		.subnav a{
			color: peru;
			line-height: 20px;
			font-size: 16px;	
		}
		.nav li:hover .subnav{
			display: block;
		}
		.subnav li:hover{
			background-color: palevioletred;
		}
		.tubiao{
			width: 170px;
			height: 20px;
			background: url(./img/s-icons.png)no-repeat -242px -7px;
			position: absolute;
			top: 27px;
			left: 1280px;
		}
		.tu{
			background-color: #e0e0e0;
			height: 522px;
		}
		.tu1{
			padding-top: 98px;
			padding-right: 160px;
			padding-bottom: 46px;
		}
		 .you{
			padding-top: 70px;
		}
		.bd1{
			width: 50px;
			height: 25px;
			border: 1px solid white;
			background-color: #ed5844;
			margin-right: 8px;
		}
		.bd{
			width: 50px;
			height: 25px;
			border: 1px solid white;
			margin-right: 8px;
			background-color: white;
			
		}
		.banner{
			padding-top: 71px;
			height: 278px;
			padding-bottom: 48px;
			border-bottom: 1px double #dddddd;
		}
		.wei{
			
		}
		.weiyuan{
			border: 1px solid red;
			height: 123px;
			width: 66px;
			background-color: #ed5844 ;
			position: relative;
		}
		.wei:nth-child(1) .weiyuan::before{
			content: "";
			background: url(./img/s-icons.png)no-repeat;
			height: 36px;
			width: 27px;
			position: absolute;
			top: 42px;
			left: 18px;
		}
		.wei:nth-child(2) .weiyuan::before{
			content: "";
			background:  url(./img/s-icons.png) -86px -8px no-repeat ;
			height: 36px;
			width: 27px;
			position: absolute;
 			top: 42px;
		 	left: 18px;
		}
		.wei:nth-child(3) .weiyuan::before{
			content: "";
			background: url(./img/s-icons.png) -164px -6px no-repeat;
			height: 36px;
			width: 27px;
			position: absolute;
			top: 42px;
			left: 18px;
		} 
		.wei:nth-child(4) .weiyuan::before{
			content: "";
			background: url(./img/s-icons.png) 0px -122px no-repeat;
			height: 36px;
			width: 27px;
			position: absolute;
			top: 42px;
			left: 18px;
		} 
		.wei:nth-child(5) .weiyuan::before{
			content: "";
			background: url(./img/s-icons.png) -82px -118px no-repeat;
			height: 36px;
			width: 28px;
			position: absolute;
			top: 42px;
			left: 18px;
		} 
		.wei:nth-child(6) .weiyuan::before{
			content: "";
			background: url(./img/s-icons.png) -157px -115px no-repeat;
			height: 36px;
			width: 36px;
			position: absolute;
			top: 42px;
			left: 18px;
		} 
		.wei div:nth-child(2){
			margin-right: 22px;
			margin-bottom: 22px;
			padding-left: 23px;
			width: 268px;
			height: 123px;
			background-color: #f5f5f5;
		}
		h4{
			font-size: 12px;
			color: #555354;
			padding-top: 24px;
			padding-bottom: 10px;
		}
		p{
			font-size: 11px;
			color: #a4a4a4;
			line-height: 17px;
		}
		.main{
			margin-top: 56px;
			border-top: 1px double #dddddd;
		} 
		.main1{
			padding-left: 30px;
			padding-top: 56px;
			height: 130px;
			border: 1px solid #dddddd;
			border-left: 5px solid #ed5844 ;
			background-color: #eeeeee;
			position: relative;
		}
		.m{
			margin-left: 35px;
			width: 154px;
			height: 56px;
			border: 1px solid #ed5844;
			border-radius:5px ;
			background-color: #ed5844;
			
		}
		.m::before{
			content: "";
			background: url(./img/windows.png)no-repeat 7px 11px;
			height: 56px;
			width: 30px;
			position: absolute;
		}
		h3{
			font-size: 14px;
			line-height: 54px;
			padding-left: 52px;
			color: white;
		}
		.main2{
			padding-top: 15px;
			position: relative;
		}
		.m2::before{
			content:"";
			margin-top: 30px;
			border: 1px double #dddddd;
			width: 1044px;
			height: 1px;
			position: absolute;
		}
		.main3{
			margin-top: 70px;
			position: relative;
			height: 472px;
			padding-bottom: 20px;
		}
		.main3 .fl{
			width: 264px;
			height: 420px;
			background-color: #eeeeee;
			margin-right: 12px;
			padding-left: 13px;
			padding-top: 13px;
		}
		.main3 .fl:nth-child(4){
			margin-right: 0;
		}
		.main3 .fl:nth-child(1)::before{
			content: "";
			height: 27px;
			width: 60px;
			background: url(./img/s-icons.png)no-repeat -242px -84px;
			top:298px ;
			left: 203px;
			position: absolute;
		}
		.main3 .fl:nth-child(1)::after{
			content: "";
			height: 29px;
			width: 134px;
			background: url(./img/message_03.jpg)no-repeat -48px -14px;
			position: absolute;
			top: 294px;
			left: 13px;
		}
		.main3 .fl:nth-child(2)::before{
			content: "";
			height: 27px;
			width: 60px;
			background: url(./img/s-icons.png)no-repeat -242px -84px;
			top:298px ;
			left: 492px;
			position: absolute;
		}
		.main3 .fl:nth-child(2)::after{
			content: "";
			height: 29px;
			width: 134px;
			background: url(./img/message_03.jpg)no-repeat -48px -14px;
			position: absolute;
			top: 294px;
			left: 302px;
		}
		.main3 .fl:nth-child(3)::before{
			content: "";
			height: 27px;
			width: 60px;
			background: url(./img/s-icons.png)no-repeat -242px -84px;
			top:298px ;
			left: 780px;
			position: absolute;
		}
		.main3 .fl:nth-child(3)::after{
			content: "";
			height: 29px;
			width: 134px;
			background: url(../img/message_03.jpg)no-repeat -48px -14px;
			position: absolute;
			top: 294px;
			left: 591px;
		
		}
		.main3 .fl:nth-child(4)::before{
			content: "";
			height: 27px;
			width: 60px;
			background: url(./img/s-icons.png)no-repeat -242px -84px;
			top:298px ;
			left: 1069px;
			position: absolute;
		}
		.main3 .fl:nth-child(4)::after{
			content: "";
			height: 29px;
			width: 134px;
			background: url(./img/message_03.jpg)no-repeat -48px -14px;
			position: absolute;
			top: 294px;
			left: 880px;
		
		}
		.main4{
			border-top: 1px double #dddddd;
			height: 243px;
			margin-bottom: 20px;
			position: relative;
		}
		.bb{
			margin-top: 56px;
			height: 130px;
			border: 1px solid #dddddd;
			border-left: 5px solid #ed5844;
			background-color: #eeeeee;
			padding-left: 30px;
			padding-top: 56px;	
		}
		.m4{
			/* 梯形 */
			border-top: 188px solid #ed5844;
			border-left: 142px solid transparent;
			width: 117px;
			margin-top: -123px;
			margin-left: 850px;
		}
		.m4::before{
			content: "";
			width: 34px;
			height: 29px;
			background: url(./img/mail.png)no-repeat 1px;
			position: absolute;
			top: 132px;
			left: 1049px;
		}
		.main5{
			height: 30px;
			padding-bottom: 30px;
		}
		.ml5{
			margin-top: 32px;
			border: 1px double #dddddd;
			width: 640px;
		}
		.mr5{
			margin-top: 32px;
			border: 1px solid #dddddd;
			width: 326px;
			
		}
		.main6{
			height: 440px;
			padding-top: 20px;
		}
		.ml6{
			position: relative;
		}
		.ml6 div:nth-child(1){
			padding-right: 42px;
		}
		.ml6 h4{
			padding-bottom: 17px;
			margin-bottom: 13px;
			border-bottom: 1px solid #dddddd;
		}
		.ml6 p{
			margin-top: 7px;
			width: 339px;
			padding-bottom: 18px;
			border-bottom: 1px solid #dddddd;
		}
		.w1::after{
			content:"";
			height: 48px;
			width: 96px;
			background: url(./img/s-icons.png)no-repeat -238PX -123PX;
			position: absolute;
			top: 215px;
			left: 245px;	
			} 
		.w2::after{
			content:"";
			height: 48px;
			width: 96px;
			background: url(./img/s-icons.png)no-repeat -238PX -123PX;
			position: absolute;
			top: 215px;
			left: 625px;	
		}
		.mr6{
			padding-left: 55px;
		}	
		.fl_l{
			height: 176px;
		}
		.link a{
			color: #ed5844;
		}
		.wo{
			width: 218px;
		}
		h2{
			line-height: 25px;
			font-size: 12px;	
		}
		.word{
			width: 347px;
			padding-top: 25px;
		}
		.word p{
			padding-top: 8px;
			line-height: 20px;
		}
		.fl_r{
			padding-top: 15px;
		}
		.main7{

		}
		h1{
			font-size: 13px;
			color: #838383;
			padding-bottom: 60px;
		}
		.read{
			position: relative;
		}
		
		.bo{
			margin-left: 6px;
			width: 14px;
			height: 14px;
			border: 1px solid #333333;
			margin-right: 330px;
		}
		.bo::before{
			content: "";
			width: 14px;
			height: 14px;
			background-color: #333333;
			background: #a9a9a9 url(./img/b_arrow.png)no-repeat;
			position: absolute;
		}
		footer{
			
		}
		.footer1{
			height: 300px;
			background-color: #373737;
		}
		.fo1{
			padding-top: 30px;
			width: 251px;
			padding-right: 32px;
		}
		.fo1 p{
			font-size: 12px;
			line-height: 22px;
			padding-bottom: 10px;
		}
		h5{
			width: 151px;
			font-size: 14px;
			color: #fbfbfb;
		}
		.line{
			width: 102px;
			margin-top: 16px;
			border-bottom: 1px solid #060608;
			margin-bottom: 20px;
		}
		.fo2{
			padding-top: 30px;
			width: 253px;
		}
		h6{
			font-size: 12px;
			text-align: center;
			line-height: 37px;
			color: #a3a2a7;
		}
		.bo1{
			width: 77px;
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			margin-right: 3px;
		}
		.bo2{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			width: 68px;
			margin-right: 3px;
		}
		.bo3{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			width: 96px;
		}
		.bo4{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			margin:5px 3px 5px 0;
			width: 99px;
		}
		.bo5{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			width: 40px;
			margin:5px 3px 5px 0;
			
		}
		.bo6{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			width: 84px;
			margin:5px 0 5px 0;
		}
		.bo7{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			margin: 0 3px 5px 0;
			width: 49px;
		}
		.bo8{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			margin: 0 3px 5px 0;
			width: 77px;
		}
		.bo9{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			width: 68px;
			margin-bottom: 5px;
		}
		.bo10{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			margin-right: 3px;
			width: 84px;
		}
		.bo11{
			height: 37px;
			background-color: #222222;
			border: 1px solid;
			width: 49px;
		}
		.fo3{
			padding-top: 30px;
			padding-left: 40px;
			position: relative;
		}
		.kong{
			width: 28px;
			height: 18px;
			background: url(./img/tw.png)no-repeat;
		    position: absolute;
		}
		.pp{
			padding-left: 30px;
			padding-bottom: 10px;
		}
		.pp p{
			font-size: 12px;
			line-height: 22px;
			width: 203px;
		}
		.pp a{
			color: #b8b8b8;
		}
		.fo3 h1{
			padding-left: 30px;
			padding-bottom: 10px;
		}
		.fo4{
			padding-top: 30px;
			padding-left: 46px;
			width: 253px;
		}
		.pic .fl:nth-child(n){
			padding: 0 3px 3px 0;	
		}
		.pic.fl:nth-child(3){
			padding-right: 0;
		}
		.pic .fl:nth-child(6){
			padding-right: 0;
		}
		.footer2{
			height: 85px;
			background-color: #232323;
		}
		.footer2 h1{
			color: #fdfdfd;
			font-size: 25px;
			line-height: 85px;
			
		}
		.footer2 h2{
			color: #c44942;
			font-size: 25px;
			line-height: 85px;
		}
		.footer2 .fl:nth-child(3){
			padding-left: 560px;
		}	
		.footer2 p{
			color: #c4c4c4;
			font-size: 15px;
			line-height: 84px;
			width: 364px;
		}
		.footer2 h3{
			color: #c44942 ;
			font-size: 15px;
			line-height: 84px;
			width: 68px;
			padding-left: 5px;
		}
		
		</style>
		
	</head>
	<body>
		<header>
			<div class="w">
				<div class="fl logo "><img src="./img/logo.png" alt=""></div>
				<ul class="fr nav clearfix">
					<li class="fl current"><a href="">Home</a></li>
					<li class="fl"><a href="">About</a></li>
					<li class="fl"><a href="">Portfolio</a></li>
					<li class="fl"><a href="">Features</a>
						<ul class="subnav">
							<li><a href="">Typography</a></li>
							<li><a href="">Shortcodes</a></li>
							<li><a href="">Columns</a></li>
							<li><a href="">Pricing Plans</a></li>
							<li><a href="">Alerts</a></li>
							<li><a href="">Services</a></li>
						</ul>
					</li>
					<li class="fl"><a href="">Blog</a></li>
					<li class="fl"><a href="">Contact</a></li>
				</ul>
				<div class="tubiao"></div>
			</div>
		</header>
		<div class="tu">
			<div class="w clearfix">
				<div class="fl zuo ">
					<div class="fl tu1"><img src="./img/banner_l_03.png" alt="" width=316px,height=326px></div>
					<div class="box clearfix">
						<div class=" fl bd1"></div>
						<div class=" fl bd"></div>
						<div class=" fl bd"></div>
						<div class=" fl bd"></div>
					</div>
				</div>
				<div class="fl you"><img src="./img/slide1.png" alt="" height=363px,width=636px></div>
			</div>
		</div>
		<div class="w banner">
			<div class="wei">
				<div class="fl weiyuan"></div>
				<div class="fl"><h4>EVENTS PLANNING</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>	
				</div>
			</div>
			<div class="wei">
				<div class="fl weiyuan"></div>
				<div class="fl"><h4>MASTERING DESIGN</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
				</div>
			</div>
	 		<div class="wei">
				<div class="fl weiyuan"></div>
				<div class="fl"><h4>EXPERT DEVELOPERS</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
				</div>
			</div>
			<div class="wei">
				<div class="fl weiyuan"></div>
				<div class="fl"><h4>ATTENSION TO DETAILS</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
				</div>
			</div>
			<div class="wei">
				<div class="fl weiyuan"></div>
				<div class="fl"><h4>ANOTHER COOL SERVICE</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
				</div>
			</div>
			<div class="wei">
				<div class="fl weiyuan"></div>
				<div class="fl"><h4>EVENTS PLANNING</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
				</div>
			</div>
		</div>
		<div class="w main">
			<div class=" main1">
				<div class="fl"><h4>HI THERE. I AM A THEME, WITH ATTITUDE. I AM ALSO RESPONSIVE, EASY DO EDIT. WHY DON'T YOU TRY ME ?</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet.</p></div>
				<div class="fl m"><h3>BUY NOW !</h3></div>
			</div>
			<div class="main2">
				<div class="fl"><h4>THE PORTFOLIO</h4></div>
				<div class="fl m2"></div>
			</div>
			<div class="main3"> 
					<div class="fl"><img src="./img/p1.jpg" alt=""width="248px",height="308px">
					<h4>I AM AN AMAZING PROJECT</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
					</div>
					<div class="fl"><img src="./img/p2.jpg" alt=""width="248px",height="308px">
					<h4>I AM AN AMAZING PROJECT</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
					</div>
					<div class="fl"><img src="./img/p3.jpg" alt=""width="248px",height="308px">
					<h4>I AM AN AMAZING PROJECT</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
					</div>
					<div class="fl"><img src="./img/p4.jpg" alt=""width="248px",height="308px">
					<h4>I AM AN AMAZING PROJECT</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</p>
					</div>
			</div>
			<div class="main4">
				<div class="bb">
					<div class="fl"><h4>SUBSCRIBE TO OUR NEWSLETTER. WE HATE SPAM AS MUCH AS YOU DO, SO NO WORRIES.</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet.</p>
					</div>
					<div class=" fl m4"></div>
				</div>
			</div>
			<div class="main5">
				<div class="ml fl">
					<div class="fl"><h4>OUR BLOGGY</h4></div>
					<div class="ml5 fl"></div>
				</div>
				<div class="mr fl">
					<div class="fl"><h4>TESTIMONIALS</h4></div>
					<div class="mr5 fl"></div>
				</div>
			</div>
			<div class="main6">
				<div class="fl ml6">
					<div class="fl w1"><img src="./img/b1.jpg" alt=""width="339px",height="256px">
					<h4>JUST A COOL BLOG POST TITLE HERE.</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
					<div class="fl w2"><img src="./img/b2.jpg" alt=""width="339px",hheight="256px">
					<h4>JUST A COOL BLOG POST TITLE HERE.</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
				</div>
				<div class="fl mr6">
					<div class="fl_1">
						<div class="fl"><img src="./img/f3.png" alt=""height="112px"></div>
						<div class="wo fl"><h2>VERY PLEASED WITH THE </h2><h2>COOL SERVICES PROVIDED.</h2>
						Linda Scott / Webdesigner</div>
						<ul class="link"><a href="">http://www.mywebsite.com</a></ul>
						<div class="word">
							<div class="fl"><img src="./img/quotes.png" alt=""></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
					</div>
					<div class="fl_r">
						<div class="fl"><img src="./img/f4.png" alt=""height="112px"></div>
						<div class="fl"><h2>VERY PLEASED WITH THE</h2><h2>COOL SERVICES PROVIDED.</h2>
						Linda Scott / Webdesigner</div>
						<ul class="link"><a href="">http://www.mywebsite.com</a></ul>
						<div class="word">
							<div class="fl"><img src="./img/quotes.png" alt=""></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
					</div>
				</div>
			</div>
			<div class="main7 clearfix">
				<div class="fl read">
					<div class="fl"><h1>Read</h1></div></div>
					<div class="fl bo"></div>
				<div class="fl read">
					<div class="fl"><h1>Read</h1></div></div>
					<div class="fl bo"></div>
			</div>
		</div>
		<footer>
			<div class="footer1">
				<div class="w">
					<div class="fl fo1">
						<div><h5>ABOUT STUDEON</h5></div>
						<div class="line"></div>
						<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
						<div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
					</div>
					<div class="fl fo2">
						<div><h5>THE TAGS</h5></div>
						<div class="line"></div>
						<div>
							<div class="fl bo1"><h6>Awesome</h6></div>
							<div class="fl bo2"><h6>Strategy</h6></div>
							<div class="fl bo3"><h6>Photography</h6></div>
						</div>
						<div>
							<div class="fl bo4"><h6>Development</h6></div>
							<div class="fl bo5"><h6>Css</h6></div>
							<div class="fl bo6"><h6>photoshop</h6></div>
						</div>
						<div>
							<div class="fl bo7"><h6>Html</h6></div>
							<div class="fl bo8"><h6>Awesome</h6></div>
							<div class="fl bo9"><h6>Strategy</h6></div>
						</div>
						<div>
							<div class="fl bo10"><h6>Photoshop</h6></div>
							<div class="fl bo11"><h6>Html</h6></div>
						</div>
					</div>
					<div class="fl fo3">
						<div><h5>LATEST TWEETS</h5></div>
						<div class="line"></div>
						<div>
							<div class=" fl kong"></div>
							<div class="fl pp"><p>I like this awesome freebie. Check it out</p><a href="" >@http://t.co/9vslJFpW</a></div>
						</div>
						<div><h1>ABOUT 15 MINS</h1></div>
						<div>
							<div class="fl kong"></div>
							<div class="fl pp"><p>I like this awesome freebie. Check it out</p><a href="">@http://t.co/9vslJFpW</a></div>
						</div>
						<div><h1>ABOUT 15 MINS</h1></div>
					</div>
					<div class="fl fo4">
						<div><h5>FLICKR FEED</h5></div>
						<div class="line"></div>
						<div class="pic">
							<div class="fl"><img src="img/f1.png" alt=""></div>
							<div class="fl"><img src="img/f2.png" alt=""></div>
							<div class="fl"><img src="img/f3.png" alt=""></div>
							<div class="fl"><img src="img/f4.png" alt=""></div>
							<div class="fl"><img src="img/f3.png" alt=""></div>
							<div class="fl"><img src="img/f2.png" alt=""></div>
						</div>
					</div>
				</div>
			</div> 
		<div class="footer2">
				<div class="w">
					<div class="fl"><h1>Stude</h1></div>
					<div class="fl"><h2>on</h2></div>
					<div class="fl"><p>Copyright ? 2015 All rights Reserved | Template by</p></div>
					<div class="fl"><h3>W3layouts</h3></div>
				</div>
			</div>
		</footer> 
	</body>
</html>
